<template>
  <!-- 服务中心 -->
  <div class="server">
    <returnPage></returnPage>
    <!-- <van-cell title="联系客服" is-link to="/collect" /> -->
    <van-cell is-link @click="showPopup">联系客服</van-cell>
    <van-popup v-model="show">
      <van-cell title="项目名称" value="趣易购" />
      <van-cell title="项目地址" value="Github" />
      <van-cell title="项目地址" value="挪威" />
      <van-cell title="联系电话" value="152 **** 5361" />
      <van-cell title="联系qq" value="2234937117" />
      <van-cell title="当前版本" value="1.0版" />
      <van-cell title="开源协议" value="瑞典" />
    </van-popup>
    <van-cell title="意见反馈" is-link to="/feedback" />
    <van-cell title="常见问题" is-link to="/help" />
  </div>
</template>

<script>
export default {
  name: 'server',
  components: {},
  data () {
    return {
      show: false
    }
  },
  // 计算属性
  computed: {},
  watch: {},
  mounted () {},
  methods: {
    showPopup () {
      this.show = true
    }
  }
}
</script>

<style lang="scss" scoped>
.server {
  .van-popup {
    width: 70%;
    height: 70%;
    .van-cell {
      padding-top: 30px;
    }
  }
}
</style>
